<template>
  <div id="app">
    <yg-header />
    <router-view />
  </div>
</template>

<script>
import { mapActions } from "vuex";
export default {
  name: "App",
  components: {},
  created() {
    this.updateUserInfo();
    this.updateCategoryList();
    this.updateTagsList();
  },
  methods: {
    ...mapActions("User", ["updateUserInfo"]),
    ...mapActions("Category", ["updateCategoryList"]),
    ...mapActions("Tag", ["updateTagsList"]),
  },
};
</script>
<style lang="scss">
@import "@/assets/scss/style.scss";
#app {
  display: flex;
  flex-direction: column;
  width: 100vw;
  min-width: 320px;
}
</style>
